<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8"></meta>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"></meta>
    <title>header</title>

</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper smokeHeader">
    <header class="main-header">
        <!-- Logo -->
        <a href="#" class="logo">
            <span class="logo-mini"><img src="/public/images/logo2.png" width="32" height="29"/></span>
            <span class="logo-lg"><!-- <img src="/public/images/logo2.png" width="32" height="29"/>&nbsp;&nbsp;&nbsp; --><b>南星街道馒头山社区</b></span>
        </a>

        <nav class="navbar navbar-static-top" style="position: relative;z-index: 10000;">
            <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
                <!-- <span class="sr-only">Toggle navigation</span>  -->
                <div class="toggle-btn">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </a>

            <!-- 顶部右侧处理故障等列表 -->
            <div class="navbar-custom-menu smokeHeader smokeHeaderHide" style="display:none;">
                <ul class="nav navbar-nav alarmFaultLow">

                    <!--  快速定位  -->
                    <li class="searchBox">
                        <div class="input-group ">
                            <input type="text" name="q" class="form-control" placeholder="快速定位..." autocomplete="off">
					          <span class="input-group-btn">
					                <div id="search-btn" class="btn btn-flat search-btn"><i class="fa fa-map-marker"></i>
                                    </div>
					          </span>
                        </div>
                    </li>

                    <ul class="searchList" style="right:447px;">
                        <!-- TODO -->
                    </ul>
                    <li class="messages-menu"><!-- dropdown -->     
	                    <span class="dropdown-toggle sumStyle smokeSum">
	                        <i class="sumImg"><img width=20 height=20 src="/icons/smoke.svg" alt="烟感总数"/></i>
	                        <span class="sumSmoke"></span>
	                    </span>
                    </li>
                    <li class="messages-menu">
	                    <span class="dropdown-toggle deviceHistory smokeDeviceHistory">
	                        <i  class="sumImg"><img width=20 height=20 src="/icons/history.svg" alt="历史查询"/></i>
	                        <span>历史</span>
	                    </span>
                    </li>

                    <!-- 火警 -->
                    <li class="messages-menu alarmMenu menuHover smokeAlarmMenu"><!-- dropdown -->
                        <a class="dropdown-toggle" href="#">
                            <i><span class="fireImg"><img src="/icons/fire-alarm.png" alt="火警"/></span></i>
                            <span class="label alarmNum"></span>
                            <span>火警</span>
                        </a>
                        <ul class="dropdown-menu" style="height:auto;border: 0">
                            <li>
                                <div class="slimScrollDiv">
                                    <ul class="menu" style="width: 100%; max-height: 500px; height:auto">
                                        <!-- 动态添加信息 -->

                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </li>

                    <!-- 故障 -->
                    <li class="messages-menu faultMenu menuHover"><!-- dropdown -->
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i><span class="faultImg"><img src="/icons/malfunction.png" alt="故障"/></span></i>
                            <span class="label faultNum" id="faultNum"></span>
                            <span>故障</span>
                        </a>
                        <ul class="dropdown-menu" style="max-height:500px;border: 0">
                            <li style="max-height:500px">
                                <div class="slimScrollDiv" style="max-height: 500px; height:auto;" id="ddd">
                                    <ul class="menu" style="width: 100%; max-height: 500px; height:auto;">
                                        <!-- message -->

                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </li>

                    <!-- 低电 -->

                    <li class="messages-menu lowPowerMenu menuHover"><!-- dropdown -->
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">

                            <i><span class="lowPowerImg"><img src="/icons/low-electric.png" alt="低电"/></span></i>
                            <span class="label lowPowerNum" id="lowPowerNum"></span>
                            <span>低电</span>
                        </a>
                        <ul class="dropdown-menu" style="height:auto;border: 0">
                            <li>
                                <div class="slimScrollDiv">
                                    <ul class="menu" style="width: 100%; max-height: 500px; height:auto">

                                        <!-- message -->

                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </li>

                    <!-- 历史信息 -->
                    <!-- 通用 -->
                    <li class="historyTwinkle">
                        <a href="#" data-toggle="control-sidebar" class="historyBgc"><i class="historyMsg"><span><img
                                alt="" src="/icons/alarm-realtime.png"></span></i></a> <!-- id="twinkle" -->
                    </li>
                    
                    
                    
					<!-- <button class="btn btn-default" data-toggle="control-sidebar">Toggle Right Sidebar</button> -->
                </ul>
            </div>
<!-- 			<aside class="control-sidebar control-sidebar-light">
			  
			</aside>
			<div class="control-sidebar-bg" style="width:100%;height:100%;"></div> -->
            
            <!-- 路灯 -->
            <div th:replace="streetLamp/streetLampHeader :: streetLampHeader">

			</div>
			            <!-- 窨井盖 -->
            <div th:replace="manholeCover/manholeCoverHeader :: manholeCoverHeader">

			</div>
			<!-- 垃圾桶 -->
            <div th:replace="trash/trashHeader :: trashHeader">

			</div>
			<!-- 摄像头 -->
			<div th:replace="camera/cameraHeader :: cameraHeader">
				
			</div>
			<!-- 温湿度 -->
            <div th:replace="humiture/humitureHeader :: humitureHeader">

			</div>
			
        </nav>


    </header>
</div>

</body>
</html>